<template>
  <div id='app'>
      <RouterTo :title="title"> </RouterTo>
      <h3 class="cms-xq-dj">{{this.$route.query.c.title}}</h3>
     <img :src="this.$route.query.c.pic" alt="" class="img-cms-xq">
      <div v-html="list"></div>

  </div>
</template>

<script>
import RouterTo from '../../components/hedaerTO/routerTo'

export default {
  data () {
    return {
      list: '',
      title:'文章详情'
    }
  },
  methods: {
      get(){
           this.$request.cms({
        id:this.$route.query.c.id
      }).then(res=>{
        console.log(res.data.data);
        this.list=res.data.data.content

      })
      }

  },
  mounted() {
      this.get()

  },
  components: {
RouterTo
  }
}
</script>

<style lang='scss'>
.cms-xq-dj{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-cms-xq{
    width: 80%;
    margin: 5% 10%;
    
}

</style>
